/* pages/message/gpt-message/gpt-message.wxss */

.chat-messages {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100vw;
  height: 90vh;
  background: linear-gradient(to bottom, #83C5F8, #daf2f9);
}

.message {
  display: flex;
  flex-direction: row;
  max-width: 80%;
  padding: 2vw;
}

.message-gpt {
  margin-right: auto;
  margin-left: 1vw;
}

.message-user {
  margin-right: 1vw;
  margin-left: auto;
}

.date-time {
  color: #fff;
}

.message-body {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.message-gpt-body {

  background-color: #306fbb;
  color: #fff;
  padding: 10rpx 20rpx;
  border-radius: 0 15rpx 15rpx 15rpx;
  margin-top: 10rpx;
  float: left;
  // 文本宽度自适应
  width: fit-content;
  max-width: 90%;
  word-wrap: break-word;
  text-align: left;
}

.message-user-body {
  background-color: white;
  color: #000;
  padding: 10rpx 20rpx;
  border-radius: 15rpx 0rpx 15rpx 15rpx;
  margin-top: 10rpx;
  float: right;
  width: fit-content;
  max-width: 90%;
  word-wrap: break-word;
  text-align: right;
}

.user-body {
  align-items: flex-end;
  text-align: right;
}

.suggestion-container {
  width: 70%;
  padding: 3vw;
  display: flex;
  flex-direction: column;
}

.input-container {
  display: flex;
  flex-direction: row;
  flex: 1
}

.send-button {
  width: 100%;
}